body {
  margin : 0; padding : 0;
  background-color : #ffffff;
  overflow : hidden;
}
.ui-resizable-se {
  cursor : se-resize;
  height : 12px;
  width : 12px;
  bottom : 1px;
  right :1px;
}
.gadget-bar {
  width : 100%;
}
.gadget-bar .buttons {
  position : absolute;
  z-index : 10;
  top : 6px;
  left : 6px;
}
.gadget-bar .btn-toggle {
  cursor : pointer;
  width : 28px;
  height : 28px;
  background : transparent url(../images/gadgetbar/btn-add.png) no-repeat scroll 0 0;
}
.gadget-bar .open .btn-toggle {
  background-image : url(../images/gadgetbar/btn-close.png);
}
.gadget-bar .main {
  width : 100%;
  height : 90px;
  background : transparent url(../images/gadgetbar/bg.png) repeat-x scroll 0 0;
}
.gadget-bar .gadget-list {
  margin : 0 20px;
  overflow : auto;
}
.gadget-bar .separator {
  float : left;
  width : 2px;
  height : 50px;
  margin : 20px;
  background-color : #333366;
}
.gadget-bar .gadget {
  float : left;
  width : 70px;
  height : 70px;
  text-align : center;
  margin : 5px 20px;
}
.gadget-bar .gadget .title {
  font-family : tahoma,arial,verdana,sans-serif;
  font-size : 11px;
  font-weight : bold;
}
.gadget-bar .gadget .icon {
  margin : 8px 8px 0;
  width : 48px;
  height : 48px;
  background : transparent url(../images/gadgetbar/default-icon.png) no-repeat scroll 0 0;
  cursor : pointer;
  overflow : hidden;
}
.gadget-bar .new-gadget .icon {
  background-image : url(../images/gadgetbar/new-gadget-icon.png) !important;
}
.dashboard {
  width : 100%;
  background : #bbbbbb;
}
.floating-gadget {
  margin : 0; padding : 0;
  cursor : move;
}
.floating-gadget .btn-close {
  position : absolute;
  z-index : 10;
  top : -6px;
  left : -6px;
  cursor : pointer;
  width : 28px;
  height : 28px;
  background : transparent url(../images/gadget/btn-close.png) no-repeat scroll 0 0;
}
.floating-gadget .header {
  color : #ffffff;
  line-height : 28px;
  font-family : tahoma,arial,verdana,sans-serif;
  font-size : 11px;
  font-weight : bold;
}
.floating-gadget .main {
  position : relative;
}
.floating-gadget .tl {
  background : transparent url(../images/gadget/default/tl.png) no-repeat scroll 0 0;
  padding-left : 24px;
  height : 24px;
}
.floating-gadget .tr {
  background : transparent url(../images/gadget/default/tr.png) no-repeat scroll right 0;
  padding-right : 12px;
}
.floating-gadget .tc {
  background : transparent url(../images/gadget/default/tc.png) repeat-x scroll 0 0;
  overflow : hidden;
  height : 24px;
}
.floating-gadget .ml {
  background : transparent url(../images/gadget/default/ml.png) repeat-y scroll 0 0;
  padding-left : 12px;
}
.floating-gadget .mr {
  background : transparent url(../images/gadget/default/mr.png) repeat-y scroll right 0;
  padding-right : 12px;
}
.floating-gadget .mc {
  overflow : auto;
  background-color : #6b75b0;
}
.floating-gadget .bl {
  background : transparent url(../images/gadget/default/bl.png) no-repeat scroll 0 bottom;
  padding-left : 12px;
}
.floating-gadget .br {
  background : transparent url(../images/gadget/default/br.png) no-repeat scroll right bottom;
  padding-right : 12px;
}
.floating-gadget .bc {
  background : transparent url(../images/gadget/default/bc.png) repeat-x scroll 0 bottom;
  font-size : 0;
  line-height : 0;
  height : 12px;
}

.floating-gadget .blue .tl {
  background-image : url(../images/gadget/blue/tl.png);
}
.floating-gadget .blue .tr {
  background-image : url(../images/gadget/blue/tr.png);
}
.floating-gadget .blue .tc {
  background-image : url(../images/gadget/blue/tc.png);
}
.floating-gadget .blue .ml {
  background-image : url(../images/gadget/blue/ml.png);
}
.floating-gadget .blue .mr {
  background-image : url(../images/gadget/blue/mr.png);
}
.floating-gadget .blue .bl {
  background-image : url(../images/gadget/blue/bl.png);
}
.floating-gadget .blue .br {
  background-image : url(../images/gadget/blue/br.png);
}
.floating-gadget .blue .bc {
  background-image : url(../images/gadget/blue/bc.png);
}


